﻿$(document).ready(function () {
    //点击注册按钮
    $("#regbtn").click(function () {
        var email = $("#inputEmail").val();
        var username = $("#inputusername").val();
        var pwd = $("#inputpwd").val();
        var repwd = $("#inputrepwd").val();
        if (inputemail(email)&&
            inputusername(username)&&
            inputpwd(pwd)&&
            inputpwd(repwd)) {
            $("#regform").submit();
        }
    });
    //验证邮箱
    $("#inputEmail").blur(function () {
        var email = $(this).val();
        inputemail(email);
    });
    //验证用户名
    $("#inputusername").blur(function () {
        var username = $(this).val();
        inputusername(username);
    });
    //验证密码
    $("#inputpwd").blur(function () {
        var pwd = $(this).val();
        inputpwd(pwd);
    });
    //验证再次输入密码
    $("#inputrepwd").blur(function () {
        var repwd = $(this).val();
        inputrepwd(repwd);
    });
});
    /******************************************************验证控件********************************************************************/
    //    验证邮箱
    function inputemail(email) {
        if (IsNull(email)) {
            errorMess("email", "邮箱不能为空");
            return false;
        }
        if (!checkemail(email)) {
            errorMess("email", "邮箱格式不正确");
            return false;
        }
        successMess("email");
        return true;
    }
    //    验证用户名
    function inputusername(username) {
        if (IsNull(username)) {
            errorMess("username", "用户名不能为空");
            return false;
        }
        if (username.length > 12 || username.length <= 3) {
            errorMess("username", "输入用户名不符合规范！");
            return false;
        }
        if (!CheckIfEnglish(username)) {
            errorMess("username", "输入用户名不符合规范！");
            return false;
        }
        successMess("username");
        return true;
    }
    function inputpwd(pwd) {
        if (IsNull(pwd)) {
            errorMess("pwd", "密码不能为空");
            return false;
        }
        if (pwd.length > 20 || pwd.length <= 6) {
            errorMess("pwd", "密码应在6-20之间！");
            return false;
        }
        successMess("pwd");
        return true;
    }
    function inputrepwd(repwd) {
        if (IsNull(repwd)) {
            errorMess("repwd", "密码不能为空");
            return false;
        }
        if (repwd!=$("#inputpwd").val()) {
            errorMess("repwd", "两次输入的密码不一致！");
            return false;
        }
        successMess("repwd");
        return true;
    }

    /******************************************************验证通用方法****************************************************************/
    //检测是否是英文
    function CheckIfEnglish(String) {
        var re = /^[0-9a-zA-Z][0-9a-zA-Z_]{0,}[0-9a-zA-Z]$/;
        if (re.test(String)) return true;
        return false;
    }
    function checkemail(str) {
        //对电子邮件的验证
        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if (!myreg.test(str)) {
            //验证失败
            return false;
        }
        return true;
    }
    //是否为空
    function IsNull(szStr) {
        if (typeof (szStr) == "undefined") {
            return true;
        }  
        if (szStr.length < 1) {
            return true;
        }
        for (i = 0; i < szStr.length; i++) {
            if (szStr.substring(i, i + 1) != ' ') {
                return false;
            }
        }
        return true;
    }
    /******************************************************验证反馈通用方法****************************************************************/
    function successMess(inputname) {
        //隐藏显示错误信息的层
        $("#" + inputname + "_error").css("visibility", "hidden");
        $("#" + inputname + "_mess").css("visibility", "visible");
        //把错误的图标换成对号的图标
        var url = $("#" + inputname + "_img").attr("src");
        url = url.replace("error", "success");
        $("#" + inputname + "_img").attr("src", url);
    }
    function errorMess(inputname, text) {
        //弹出显示错误信息的层
        $("#" + inputname + "_mess").css("visibility", "visible");
        $("#" + inputname + "_error").html(text);
        $("#" + inputname + "_error").css("visibility", "visible");
        //把错误的图标换成对号的图标
        var url = $("#" + inputname + "_img").attr("src");
        url = url.replace("success", "error");
        $("#" + inputname + "_img").attr("src", url);
    }
